<!DOCTYPE html>
<!-- saved from url=(0020)http://www.88ff.com/ -->
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=10" /> 
  <link rel="shortcut icon" type="image/ico" href="favicon.ico">
  <title>
    大萍科技 - 大萍科技小程序招商、小程序加盟、小程序代理,大萍科技小程序一站式服务 - 大萍科技服务</title> 
  <meta name="keywords" content="大萍科技、大萍科技小程序、微信小程序、附近的小程序、小程序招商、小程序加盟、小程序代理" /> 
  <meta name="description" content="大萍科技服务我们是资深微信开发专家，提供微信小程序、附近的小程序及小程序定制开发上线运营" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" /> 
  <meta name="baidu-site-verification" content="OrdK7KVZCf" /> 
  <link href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bootstrap.min.css" rel="stylesheet" /> 
  <link type="text/css" rel="stylesheet" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/font-awesome.min.css" /> 
  <link rel="stylesheet" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/swiper-3.4.2.min.css" /> 
  <link rel="stylesheet" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace.min.css" /> 
  <link rel="stylesheet" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace-rtl.min.css" /> 
  <link rel="stylesheet" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace-skins.min.css" /> 
  <link type="text/css" rel="stylesheet" href="./files/default.css" /> 
  <script charset="utf-8" src="./files/v.js"></script>
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/hm.js"></script>
  <script type="text/javascript" src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/jquery-1.10.2.min.js"></script> 
  <script type="text/javascript" src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bootstrap.min.js"></script> 
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace-elements.min.js"></script> 
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace.min.js"></script> 
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/xq_navbar.js"></script> 
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/swiper-3.4.2.jquery.min.js"></script> 
  <script src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/ace-extra.min.js"></script> 
  <link rel="stylesheet" type="text/css" href="https://daping-1255763133.cos.ap-beijing.myqcloud.com/index.css" /> 
  <link rel="stylesheet" type="text/css" href="./files/common.css" /> 
  <script type="text/javascript">
        $(document).ready(function() {

            var $w = $(window);
              var $prog2 = $('.progress-indicator-2');
              var $bg = $('.bg_op');
              var wh = $w.height();
              var h = $('body').height();
              var sHeight = h - wh;
              $w.on('scroll', function() {
                window.requestAnimationFrame(function(){
                  var perc = Math.max(0, Math.min(1, $w.scrollTop() / sHeight));
                  updateProgress(perc);
                });
              });

              function updateProgress(perc) {


                $prog2.css({width: perc * 100 + '%'});
                // $bg.css({opacity: perc*2});
                // ditto.save_progress && store.set('page-progress', perc);
              }
            
            $(".q_head_con").hover(
                function(){
                    $bg.css({opacity: 1});
                },
                function(){
                    $bg.css({opacity: .2});
                }
            )
            
            $(".an_title").hover(
                function(){
                    $(".an_title").addClass('intro');
                    $(".an_title_con").css({display:'block'});
                },
                function(){
                    $(".an_title").removeClass('intro');
                    $(".an_title_con").css({display:'none'});
                }
            )
       
        })
    </script> 
  <style type="text/css">

    .q_head{
            position: absolute;
            top: 0px;
            width: 100%;
            height: 60px;
        }

        .bg_op{
            position: absolute;;
            width: 100%;
            height: 60px;
            background: #061024;
            top: 0px;
            z-index: 88881;
            -webkit-transition: all .1s ease;
            -moz-transition: all .1s ease;
            transition: all .1s ease;
            opacity: .2;
        }
        
        .q_head_con{
            position: absolute;
            top: 0px;
            width: 100%;
            height: 60px;
            z-index: 88882;
        }
        .xq_navli{
/*          position: relative;*/
            font-size: 15px;
        }
        
        .xq_navli a:hover{
            color: #108ee9;
        }
        .an_title>a:after {
            content: "";
            display: inline-block;
            margin-left: 8px;
            margin-bottom:2px;
            width: 8px;
            height: 8px;
            border-style: solid;
            border-color: #fff;
            border-width: 1px 0 0 1px;
            -webkit-transition: all .1s ease;
            -moz-transition: all .1s ease;
            transition: all .1s ease;
            -webkit-transform: rotateZ(225deg);
        }
        .intro>a:after {
            -webkit-transform: rotateZ(45deg);
        }
        
        .an_title_con{
            position: absolute;
            background: rgba(6,16,36,.96);
            width: 100%;
/*          height: 300px;*/
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            left: 0px;
            display: none;
        }
        .an_title_li{
            width: 1200px;
            padding: 60px 20px 50px 20px ;
/*          height: 300px;*/
/*          border: 1px solid #444;         */
            margin: 0 auto;
            overflow: auto;
        }
        .an_title_li_pro,.an_title_li_que{
            float: left;
        }
        
        .an_title_li_pro{
            float: left;
            width: 548px;
        }
        
        .an_title_li_que{
            width: 610px;
            padding: 0px 0px 0px 60px;
        }
        .an_title_li_pr_con{
            position: relative;
            float: left;
            width: 50%;
            line-height: 20px;
            width: 274px;
            height: 70px;
            padding: 13px 0px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .qc_line{
            
            width: 1px;
            height: 236px;
            background: #9c9c9c;
            float: left;
            margin-left: -10px;
        }
        .an_title_li_pro p{
            font-size: 18px;
            color: #fff;
            line-height: 24px;
            width: 50%;
            margin-left: 26px;
        
        }
        
        .an_title_li_pro span{
            font-size: 12px;
            color: #9c9c9c;
            width: 50%;
            margin-left: 26px;
        }
        
        .an_title_li_que p{
            font-size: 18px;
            color: #fff;
            line-height: 24px;
            width: 50%;
        
        }
        
        .an_title_li_que span{
            font-size: 12px;
            color: #9c9c9c;
            width: 50%;
        }
        .pro_title{
                color: #fff;
                font-size: 13px;
                line-height: 16px;
                margin-bottom: 12px
        }
        
         .iocn_img{
            width: 20px;
            height: 20px;
            position: absolute;
            left: 2px;
            top: 14px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .ioc_one{
            background-image: url(/asset/cloud/images/pricing/section1__icon3.png?v=2);
        }
        
        .ioc_gw{
            background-image: url(/asset/cloud/images/pricing/dz_icon.png?v=2);
        }
        
        .ioc_tc{
            background-image: url(/asset/cloud/images/pricing/tc_iocn.png?v=2);
        }
        
        .ioc_cy{
            background-image: url(/asset/cloud/images/pricing/section1__icon2.png?v=2);
        }
        
        .ioc_my{
            background-image: url(/asset/cloud/images/pricing/section1__icon1.png?v=2);
        }
        
        .ico_dz{
            background-image: url(/asset/cloud/images/pricing/section1__icon4.png?v=2);
        }
        html,
body {
    background: #eee;
}

img {
    width: 100%;
}

.qcy-navbar-content {
    width: 100%;
    background: #fff;
    font-size: 0;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.logo .go-home {
    color: #2b90ed;
}

.ad-img-wrap {
    background-color: #fff;
}
.banner__btn {
    width: 11.25%;
    height: 12%;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    left: 0;
}

.banner__btn1 {
    margin-left: 24.6354167%;
    border: 2px solid #3ae8fd;
    bottom: 20.8%;
}

.banner__btn2 {
    margin-left: 24.6354167%;
    border: 1px solid #ffffff;
    bottom: 18%;
}

.banner__btn3 {
    margin-left: 24.6354167%;
    border: 1px solid #ffffff;
    bottom: 29.2%;
}

.banner__btn4 {
    margin-left: 42.96875%;
    background: #ffffff;
    bottom: 29.2%;
}

.banner__btn a {
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -25px;
    font-size: 16px;
}

.banner__btn1_active,
.banner__btn1_active:hover {
    color: #3ae8fd;
}

.banner__btn2_active,
.banner__btn2_active:hover {
    color: #ffffff;
}

.banner__btn3_active,
.banner__btn3_active:hover {
    color: #fff;
}

.banner__btn4_active,
.banner__btn4_active:hover {
    color: #fff;
}

.banner-content {
    /*margin-top: 55px;*/
}

.banner-bgimg {
    width: 100%;
    height: 500px;
    background-color: orange;
    position: relative;
    top: 0;
    left: 0;
    background-image: url("../images/pricing/pricing-bgimg.jpg");
}

.xcx-version-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 200px;
}

.xcx-version {
    width: 100%;
    height: 600px;
    background: rgba(255, 255, 255, 0.8);
    padding: 50px 20px;
    margin-bottom: 50px;
}

.xcx-version>ul>li {
    width: 216px;
    height: 550px;
    margin-right: 20px;
    background: #fff;
    float: left;
    border: 1px solid #edeeef;
}

.xcx-version>ul>li:last-child {
    margin-right: -32px;
}

.xcx-version>ul>li .img-wrap {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.xcx-version>ul>li img {
    width: 100%;
    background: orange;
    vertical-align: middle;
}

.xcx-version-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xcx-version-item p {
    line-height: 177px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.xcx-version-item p:nth-child(2) {
    padding-top: 0;
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 96px;
}

.xcx-version-item p span {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.xcx-version>ul>li ul {
    padding: 20px;
    height: 300px;
}

.xcx-version>ul>li ul li {
    line-height: 22px;
    font-size: 14px;
    list-style-type: disc;
}

.xcx-version>ul>li a {
    display: block;
    margin-top: 20px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #2b90ed;
    margin: 0 auto;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.ad-btn-wrap {
    position: relative;
    top: 0;
    left: 0;
}

.ad-btn {
    display: inline-block;
    width: 10.4166667%;
    min-width: 120px;
    padding-top: 0.8854166%;
    padding-bottom: 0.8854166%;
    border: 2px solid #4cc7e8;
    border-radius: 54px;
    font-size: 20px;
    color: #4cc7e8;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 77%;
    margin-left: -5.20833335%;
}

.ad-btn:hover,
.ad-btn:active {
    background-color: #4cc7e8;
    color: #000;
    text-decoration: none;
}

.ad-btn.ad-btn_white {
    color: #fff;
    border-color: #4f98ff;
    background-color: #4f98ff;
}

.ad-btn.ad-btn_white:hover,
.ad-btn.ad-btn_white:active {
    color: #fff;
    background-color: #4f98ff;
    opacity: .7;
}

.ad-tit {
    line-height: 30px;
    padding-top: 72px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    color: #000;
}

.ad-text {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #888;
    padding-bottom: 42px;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.col-white {
    color: #fff;
}

.footerWrap {
    color: #666;
}

.QR-code-wrap {
    width: 100%;
    height: 180px;
    padding: 30px 0;
    font-size: 0;
    background-color: #343434;
}

.QR-code-img {
    width: 500px;
    height: 140px;
    margin: auto;
}

.QR-code-img img {
    width: 150px;
    height: 124px;
    padding-right: 30px;
    border-right: 1px solid #666;
    vertical-align: middle;
}

.QR-code-img div {
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
}

.QR-code-img div p {
    line-height: 24px;
    font-size: 16px;
    color: #666;
    margin: 0;
}

.copyright {
    width: 100%;
    height: 40px;
    background-color: #262626;
    text-align: center;
    padding: 5px 0;
}

.copyright span {
    line-height: 30px;
    font-size: 16px;
}

.chat-right {
    position: fixed;
    right: 0;
    top: 25%;
    border-top: 2px solid #09BB07;
    text-align: center;
    box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.1);
    z-index: 10000;
}

.chat-right li {
    border: 1px solid #ddd;
    background: #fff;
    border-top: none;
}

.chat-right .tit {
    padding: 15px 0;
    font-size: 18px;
    color: #444;
    font-weight: 300;
    line-height: 1.2;
    word-wrap: break-word;
}

.chat-right a {
    display: block;
    position: relative;
    font-size: 32px;
    line-height: 80px;
    width: 80px;
    height: 80px;
}

.chat-right a:hover,
.chat-right a.active {
    text-decoration: none;
    background: #09BB07;
    background: linear-gradient(45deg, #09BB07, #2bc792);
}

.chat-right a:hover i.iconfont,
.chat-right a.active i.iconfont {
    color: #fff;
}

.chat-right .weixin .slide-QR-Code {
    position: absolute;
    border-radius: 3px 0 0 3px;
    top: 50%;
    margin-top: -80px;
    right: -160px;
    z-index: -1;
}

.chat-right .weixin a:hover img {
    right: 80px;
}

.idh-box {
    width: 160px;
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 160%;
    padding: 10px;
    z-index: -1;
    border: 1px solid #ddd;
    right: -150px;
    background: #fff;
    text-align: left;
    border-radius: 3px 0 0 3px;
    border-left: 2px solid #09BB07;
    color: #666;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
    cursor: default;
    white-space: nowrap;
}

.qq-box {
   /* width: 160px;
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 160%;
    padding: 10px 20px;
    z-index: -1;
    border: 1px solid #ddd;
    right: -150px;
    background: #fff;
    text-align: left;
    border-radius: 3px 0 0 3px;
    border-left: 2px solid #09BB07;
    color: #666;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.1);
    cursor: default;
    white-space: nowrap;*/
}

.qq-box p {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.qq-box p:hover {
    cursor: pointer;
}

.qq-box p img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
}

.qq-box p span {
    display: block;
    text-align: center;
}

.chat-right a:hover .idh-box,
.chat-right a.active .idh-box {
    right: 80px;
}

.chat-right a:hover .qq-box,
.chat-right a.active .qq-box {
    right: 80px;
}

.chat-right a i.chat-close,
.chat-right a:hover i.chat-close,
.chat-right a.active i.chat-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    cursor: pointer;
}

.chat-right a i.chat-close:hover {
    color: #E64340;
}

.comm-btn,
a,
img,
.mColum .more:after,
a.uline:after,
.popup li>input,
.main-body,
.chat-right .weixin img,
.case-box,
.test-app,
.case-box:after,
.idh-box,
.qq-box {
    -webkit-transition: all .3s ease;
}

.slide-QR-Code {
    width: 160px;
    height: 160px;
}

.slide-tel {
    width: 30px;
    height: 30px;
}

.slide-weixin {
    width: 30px;
    height: 30px;
}

.slide-qq {
    width: 30px;
    height: 30px;
}

.detail table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    font-size: 16px;
    color: #555;
}

td {
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    position: relative;
}

td img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.activeTable tr:nth-child(2) th {
    padding: 25px 0;
    border-top: none;
}

.activeTable tr:nth-child(2) th p {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #ef5b6b;
    text-align: center;
}

.activeTable tr:nth-child(2) th p:nth-child(2) {
    font-size: 14px;
    color: #999;
}

.activeTable tr:nth-child(2) th:nth-child(7) p {
    color: #ffc63f;
}

.activeTable tr:nth-child(2) th span {
    font-size: 12px;
}

.activeTable tr:nth-child(1) th {
    border-bottom: none;
}

.activeTable>tbody>tr:nth-child(1) {
    height: 80px;
    line-height: 80px;
    background-color: #f6f6f6;
}

.activeTable>tbody>tr:nth-child(2) {
    height: 100px;
}

.c1 {
    border-top: 5px solid #f6f6f6;
    text-align: center;
}

.c2 {
    border-top: 5px solid #72b6f4;
    text-align: center;
}

.c3 {
    border-top: 5px solid #fdb333;
    text-align: center;
}

.c4 {
    border-top: 5px solid #fdb333;
    text-align: center;
}

.c5 {
    border-top: 5px solid #ed20bf;
    text-align: center;
}

.c6 {
    border-top: 5px solid #b337e1;
    text-align: center;
}

.oddtr {
    background: #fff;
}

.column-l {
    background: #fff;
    vertical-align: middle;
}

.column-l p {
    color: #555!important;
}

.flowPath {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 50px;
}

.flowPath__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 100px 0 36px;
}

.flowPath__des {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 75px;
}

.flowPathImg {
    width: 1067px;
    font-size: 0;
    margin: 0 auto;
    position: relative;
}

.flowPathImg__bg img {
    display: block;
    width: 971px;
    height: 167px;
    margin: 0 auto;
}

.flowPathImg__item__default {
    display: none;
}

.flowPathImg__item_active {
    display: block;
}

.flowPathImg__item__apply {
    position: absolute;
    top: 18px;
    left: 47px;
}


.flowPathImg__item__regist {
    position: absolute;
    top: 18px;
    left: 260px;
}


.flowPathImg__item__temp {
    position: absolute;
    top: 18px;
    left: 473px;
}

.flowPathImg__item__decorate {
    position: absolute;
    top: 18px;
    left: 686px;
}

.flowPathImg__item__release {
    position: absolute;
    top: 18px;
    left: 897px;
}

.flowPathImg__item img {
    display: inline-block;
    width: 122px;
    height: 122px;
    border-radius: 50%;
}

.flowPathImg__item__apply1 {
    position: absolute;
    top: -9px;
    left: 22px;
}

.flowPathImg__item__regist1 {
    position: absolute;
    top: -9px;
    left: 234px;
}

.flowPathImg__item__temp1 {
    position: absolute;
    top: -9px;
    left: 447px;
}

.flowPathImg__item__decorate1 {
    position: absolute;
    top: -9px;
    left: 660px;
}

.flowPathImg__item__release1 {
    position: absolute;
    top: -9px;
    left: 871px;
}

.flowPathImg__item__default img {
    display: inline-block;
    width: 175px;
    height: 175px;
    border-radius: 50%;
}

.flowPathConWrap {
    padding: 120px 0 0;
}

.flowPathCon {
    display: none;
    width: 974px;
    height: 288px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 0;
}

.flowPathCon:first-child {
    display: block;
}

.flowPathCon__item {
    float: left;
    width: 440px;
    height: 100%;
}

.flowPathCon__tit {
    font-size: 24px;
    color: #333;
    line-height: 1;
    padding-top: 40px;
    padding-left: 64px;
}

.flowPathCon__des {
    height: 66px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding-top: 26px;
    padding-left: 64px;
}

.flowPathCon__des1 {
    height: 46px;
    font-size: 14px;
    color: #666;
    padding-top: 26px;
    padding-left: 64px;
}

.flowPathCon__imgs {
    margin-top: 40px;
    padding-left: 64px;
}


.flowPathCon__imgs__item {
    float: left;
    width: 70px;
    margin-right: 60px;
    text-align: center;
}

.flowPathCon__imgs__item1 {
    float: left;
    width: 160px;
    margin-right: 50px;
}

.flowPathCon__imgs__item1:last-child {
    margin-right: -50px;
}

.flowPathCon__imgs__item:nth-child(3n) {
    margin-right: -60px;
}

.flowPathCon__imgs__item img {
    display: inline-block;
    width: 48px;
    height: 48px;
}

.flowPathCon__imgs__item span {
    display: block;
    padding-top: 20px;
    line-height: 1;
    font-size: 14px;
    color: #6daaf8;
    text-align: center;
}

.flowPathCon__imgs__item1 span:first-child {
    font-size: 14px;
    line-height: 1;
    color: #71acf8;
}

.flowPathCon__imgs__item1 span:last-child {
    display: block;
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
    color: #666;
}

.flowPathCon__btn {
    float: left;
    width: 532px;
    height: 100%;
}

.flowPathCon__btn__item {
    display: block;
    width: 200px;
    height: 40px;
    margin: 124px auto;
    line-height: 40px;
    background: #71acf8;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.flowPathCon__btn__item:hover {
    color: #fff;
}

.flowPathImg__item__btn {
    text-align: center;
    margin-top: 42px;
}

.flowPathImg__item__num {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: #fff;
    font-size: 16px;
    color: #ccc;
    text-align: center;
}

.flowPathImg__item__text {
    font-size: 16px;
    color: #ccc;
    margin-left: 10px;
}

.flowPathImg__item__firstText {
    color: #6daaf8;
}

.flowPathImg__item_hover {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #6daaf8;
    background: #6daaf8;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.content {
    background: #fff;
}

.section {
    width: 1080px;
    background: #fff;
    margin: 0 auto;
}

.section1__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 100px 0 36px;
}

.section1__subhead {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 75px;
}

.section1 li {
    cursor: pointer;
    float: left;
    width: 200px;
    margin:35px;
}
.section1__upper img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 30px;
}

.section1__upper__tit {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    text-align: center;
    margin-bottom: 12px;
    font-weight: bold;
}

.section1__upper__subhead {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__bottom {
    display: none;
    box-sizing: border-box;
    border: 2px solid #4370f1;
    width: 100%;
    height: 212px;
}

.section1__bottom__tit {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 1;
    text-align: center;
    margin: 30px 0 12px;
    font-weight: bold;
}

.section1__bottom__subhead {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__bottom__lab {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin-bottom: 5px;
}

.section1__bottom__item {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 28px;
}

.section1__btn {
    width: 128px;
    height: 40px;
    line-height: 40px;
    background: #6daaf8;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.section1__btn a,.section1__btn a:hover{
     font-size: 14px;
    color: #fff;
}
.section2__tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 60px;
}

.section2 {
    width: 100%;
    padding: 0 40px;
    height: 403px;
}

.section2__tabBar {
    float: left;
    box-sizing: border-box;
    width: 240px;
    height: 100%;
    padding: 9px 0;
    border-right: 5px solid #eee;
}

.section2__tabBar li {
    cursor: pointer;
    padding-left: 30px;
}

.section2__tabBar__item {
    width: 126px;
    height: 77px;
    line-height: 77px;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.section2__tabBar_active {
    background: #6daaf8;
    color: #fff;
}

.section2__tab {
    display: none;
    float: left;
    margin-left: 100px;
}

.section2__tab_active {
    display: block;
}
.section2__tab img{
    width:660px;
}
.section2__tab p {
    font-size: 16px;
    color: #666;
    line-height: 1.2;
    padding-bottom: 25px;
}
.q_head_in{
    background: #231e25;
}

.qcy_fixed_btn {
    position: fixed;
    bottom: 56px;
    right: 30px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#549bff),to(#38f));
    background-image: -webkit-linear-gradient(top,#549bff,#38f);
    background-image: -moz-linear-gradient(top,#549bff 0,#38f 100%);
    background-image: linear-gradient(-180deg,#549bff,#38f);
    z-index: 20;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.qcy_fixed_btn:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#67a6ff),to(#207dff));
    background-image: -webkit-linear-gradient(bottom,#67a6ff,#207dff);
    background-image: -moz-linear-gradient(bottom,#67a6ff 0,#207dff 100%);
    background-image: linear-gradient(0deg,#67a6ff,#207dff)
}

.qcy_fixed_btn P {
    padding: 14px 16px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 16px
}

.btn-show {
    opacity: 0
}


.fixed-sideBox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -290px;
    width: 290px;
    opacity: .95;
    background: #fff;
    border: 0 solid #e5e5e5;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);
    z-index: 88888888;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.sideBox-show {
    right: 0
}


.sideBox-content {
    padding-top: 40px
}

.consult-type {
    padding: 20px 30px 30px
}
.consult-type .closeBox-btn {
    height: 30px;
    text-align: right
}

.consult-type .closeBox-btn span {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-size: 100% auto;
    background-image: url("../images/pricing/close.png")
}

.tel_title{
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom:20px;
    line-height: 20px;
    font-family: PingFangSC-Regular;
}

.tel_num{
    font-size: 34px;
    color: #333;
    letter-spacing: 0;
    padding-bottom: 14px;
    line-height: 34px;
    font-family: PingFangSC-Medium;
    
}

.wechat_con{
    padding: 50px 0px;
    border-top: .5px solid #e5e5e5;

}
.QQ_con{
    padding: 26px 0px;
    border-top: .5px solid #e5e5e5;
}

.qq_box p {
    display: inline-block;
    width: 60px;
    height: 60px;

}

.qq_box p img {
    display: block;
    width: 34px;
    height: 34px;f
    margin: 0 auto;
}

.qq-box span{
font-size: 14px;
    color: #666;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 10px;
    font-family: PingFangSC-Regular;
}
/* ´úÂëÕûÀí£ºÀÁÈËÖ®¼Ò www.lanrenzhijia.com */
*{padding:0;margin:0;}
html,body{font-size:12px;font-family:"Î¢ÈíÑÅºÚ";outline:none;color:#666;background:#fff;}
ul,ol{list-style:none;}
img{border:none;outline:none;}
a{color:#666;text-decoration:none;outline:none;}
a:hover{color:#e8431f;}

/*¸¡¶¯¿Í·þ*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px; width: auto;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{
        width: 35px;
    height: 254px;
    /* background: url(../images/online_arrow.jpg) no-repeat; */
    background: url(../files/qq_bar.png) no-repeat;
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 999;
    background-position: -5px 0px;
}
#rightArrow a{display:block;height:45px;}
.floatDtel_mine {
    padding: 0px 0px 0px 14px;
}
.floatDtel_mine p {
    color: orange;
    font-size: 16px;
    font-weight: bold;
    margin: 6px;
    padding: 0 20px 0 0;
    text-align: center;
}
#floatDivBoxs .floatDqq li {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    padding: 0 20px 0 0;
}
#floatDivBoxs .floatDqq li img {
        float: left;
    margin-top: 5px;
    width: 24px;
}
#newBridge .nb-icon-base {
    /*right: 0px !important;
    bottom: 120.7px !important;
    width: 190px !important;*/
}
.my_editer {
    padding: 130px 20px 50px 250px;
}
    </style> 
    <!-- 百度商桥开始 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?e055887252f7e876a4343a63d8f03d5a";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- 百度商桥结束 -->
 </head> 
 <body> 
    <!-- 腾讯在线开始 -->
    
<!-- 代码部分begin -->
<div id="rightArrow"><a href="javascript:;" title="在线客户"></a></div>
<div id="floatDivBoxs">
  <div class="floatDtt">在线客服</div>
  <div class="floatShadow">
    <ul class="floatDqq">
      <li><a target="_blank" href="tencent://message/?uin=763719225&Site=sc.chinaz.com&Menu=yes"><img src="images/qq.png" align="absmiddle">在线客服1号</a></li>
      <li><a target="_blank" href="tencent://message/?uin=1362295625&Site=sc.chinaz.com&Menu=yes"><img src="images/qq.png" align="absmiddle">在线客服2号</a></li>
      <!-- <li><a target="_blank" href="tencent://message/?uin=1141916636&Site=sc.chinaz.com&Menu=yes"><img src="images/qq.png" align="absmiddle">在线客服3号</a></li> -->
    </ul>
    <!-- <div class="floatDtxt">热线电话</div> -->
    <!-- <div class="floatDtel"><img src="images/online_phone.jpg" width="155" height="45" alt=""></div> -->
    <div class="floatDtel_mine">
        <p>18222968176</p>
        <p>18722564170</p>
    </div>
    <div class="floatImg"><img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/QR-code.png" width="100%">微信公众账号</div>
  </div>
  <div class="floatDbg"></div>
</div>
<!-- <script src="js/jquery-1.9.1.min.js"></script> -->
<script>
$(function(){
    var flag=0;
    $('#rightArrow').on("click",function(){
        if(flag==1){
            $("#floatDivBoxs").animate({right: '-175px'},300);
            $(this).animate({right: '-5px'},300);
            $(this).css('background-position','-59px 0');
            flag=0;
        }else{
            $("#floatDivBoxs").animate({right: '0'},300);
            $(this).animate({right: '170px'},300);
            $(this).css('background-position','-6px 0');
            flag=1;
        }
    });
});
</script>
<!-- 代码部分end -->

    <!-- 腾讯在线结束 -->
  <!-- <div style="position: absolute;z-index: 2000;">
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1141916636&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1141916636:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
  </div> -->
  
  <div class="qcy-wrap" style="padding-top:0px "> 
   <div id="navbar"> 
    <div class="q_head"> 
     <div class="progress-indicator-2" style="width: 0%; height: 2px; background: rgb(255, 131, 90); position: fixed; top: 0px; z-index: 88883;"></div> 
     <div class="q_head_con"> 
      <div style="position: relative"> 
       <div class="g-box clearfix f-pr"> 
        <div class="q_hd_pr"> 
         <a class="q_logo" href=""> <img class="q_logo_img" src="./files/logo.png" />
          <!--  <img src="http://cdn0.taojinzi.com/images/2017/12/18/affd79f93578d03f85ea6abf07dc75bb.png"> --><span class="q_logo_txt">微麦</span> </a> 
         <label style="color: #FFFFFF;font-size: 28px; display: inline-block;margin-top: 17px;opacity: 0;"> <span style="font-size: 14px;">全国免费电话：</span>400-112-9102 </label> 
         <ul class="q_snav"> 
          <li><a target="_blank" style="height: 0px;width: 0px;overflow: hidden;" href="">登录</a></li> 
          <li><a target="_blank" style="height: 0px;width: 0px;overflow: hidden;border: none;" href="" class="q_snav_b s1">免费注册</a></li> 
         </ul> 
         <div class="qc_icon" style="float: right"> 
          <ul class="q_nav xq_navbar" style="float: right;"> 
           <li class="xq_navli"> <a style="height: 0px;width: 0px;overflow: hidden;" target="_blank" href="">小程序</a> </li> 
           <li class="xq_navli an_title"> <a href="javascript:;">解决方案</a> 
            <div class="an_title_con" style="display: none;"> 
             <div class="an_title_li"> 
              <div class="an_title_li_pro"> 
               <div class="pro_title">
                主要产品
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class=" iocn_img ioc_one"></lable> <p>微商城</p> <span>专业的移动电商解决方案，多种营销方案</span> </a> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class=" iocn_img ioc_gw"></lable> <p>微官网</p> <span>专业全面介绍提升你的品牌形象</span> </a> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class=" iocn_img ioc_tc"></lable> <p>同城信息</p> <span>多功能地方信息平台</span> </a> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class=" iocn_img ioc_cy"></lable> <p>餐饮</p> <span>专门为餐饮行业打造的专属模板。</span> </a> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class=" iocn_img ioc_my"></lable> <p>建材机械</p> <span>业态多场景支持，全面解决行业经营需求。</span> </a> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <a href="#"> 
                 <lable class="iocn_img ico_dz"></lable> <p>定制版</p> <span>多种解决方案</span> </a> 
               </div> 
              </div> 
              <div class="qc_line"></div> 
              <div class="an_title_li_que"> 
               <div class="pro_title">
                智能解决方案
               </div> 
               <div class="an_title_li_pr_con"> 
                <p><a>小程序</a></p> 
                <span>轻松开店，一键即可</span> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <p>营销</p> 
                <span>多种营销工具，多种营销手段</span> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <p>流量</p> 
                <span>各种方式渠道引流，轻松获用户</span> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <p>精准投放</p> 
                <span>精准投放广告，目标用户精准</span> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <p>管理</p> 
                <span>丰富管理权限，轻松管理店铺</span> 
               </div> 
               <div class="an_title_li_pr_con"> 
                <p>大数据分析</p> 
                <span>大数据多纬度分析，轻松洞察企业状态</span> 
               </div> 
              </div> 
             </div> 
            </div></li> 
          </ul> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="bg_op" style="opacity: 0.2;"></div> 
    </div>
    <link rel="stylesheet" type="text/css" href="./files/pricing.css" /> 
    <link rel="stylesheet" type="text/css" href="./files/animate.min.css" /> 
    <style type="text/css">
    img{font-size: 0px;}
    .slogin_message{
        position: absolute;width: 1100px;height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding-right: 200px;text-align: center;
    }
    .slogin_message h1{font: inherit;font-size: 43px;color: #fff;margin: 130px 0 7px;line-height: 62px;}
    .slogin_message p{font-size: 20px;color: #fff;margin-bottom: 55px;-webkit-font-smoothing: antialiased; }
    .font-lighter {
         font-family: "Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif";/*font-weight: lighter;*/
          font-weight: 300;
    }
    .go_btn{background: #ffdc00;font-size: 16px;color: #333;padding: 14px 38px;display: inline-block;border-radius: 34px;
/*-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);*/
    }
    .my_adv{
        width: 1200px;
        height: auto;
        padding: 100px 10px 160px;
        margin: 0 auto;overflow: hidden;
    }
    .top_title{text-align: center;font-size: 32px;}
    .bottom_line{text-align: center;width: 100px;height: 3px;background: #5878f6;margin: 10px auto 0px;}
    .adv_list{margin-top:110px;}
    .adv_list li{float: left; font-size: 18px; width: 236px; text-align: center;padding:0px 40px;}
    .adv_list p{margin-top: 46px;}
    .my_adv img{width: 140px;}
    .adv_list li:hover{color: #005db5;}

    
    .my_solve{width: 1200px;height: 723px;padding: 100px 0px 110px 0px;margin: 0 auto; overflow: hidden;
        background:#f7f8fc no-repeat center center;
    }
    .solve_list li{float: left; position: relative; font-size: 18px; width: 224px; height: 350px; text-align: center; margin-left: 20px; padding:0px; background: #fff; overflow: hidden}
    .solve_list{margin-top:110px;}
    .solve_list li:first-child{ margin-left: 0px;}
    .so_cat{color: #222222;margin-top: 32px;}
    
    .sol_detail{position:absolute;width: 224px; height: 270px; background: #fff; bottom:-270px;padding:6px 30px 40px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
    }
    
    .sol_detail p{ font-size:18px;  color: #222222;margin-top: 26px; line-height: 38px;}
    .sol_detail label{display: block; text-align: left; font-size: 14px; color: #666666;margin-top: 8px; line-height: 18px; font-weight: 300; }
    .sol_show{bottom:0px;}
    .go_now{font-size: 14px;color: #70d9bf; border: 1px solid #70d9bf;padding: 8px 16px;display: inline-block;border-radius: 34px;margin-top: 20px;}
    .go_now:hover{background:#70d9bf; color: #fff;}
    
    .my_mark{width: 1200px;
        height: 930px;
        padding: 100px 50px 160px;
        margin: 0 auto;overflow: auto;}
    .mark_list {margin: 60px 0px 0px; text-align: center;}
    .mark_list>div{position: absolute;width: 350px; height:308px;background: #fff; border: 1px solid #e6e6e6;-webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;
    transform-origin:center center;-webkit-transform-origin:20% 40%;-moz-transform-origin:center center;-o-transform-origin:center center;}
    .mark_list>div:hover{width: 385px;height: 339px;z-index: 8;border-top:4px solid #6278f9}
    .mark_list img{width: auto;margin-top: 80px;}
    .mark_list p{ font-size:18px;  color: #222222;margin-top: 6px; line-height: 38px;}
    .mark_list label{display: block; font-size: 16px; color: #666666;line-height: 22px; font-weight: 300; }
    
    
    .my_case{width: 1200px;height: 723px;padding: 100px 0px 110px 0px;margin: 0 auto;background:#f7f8fc; overflow: hidden;}
    .case_list li{float: left; position: relative; font-size: 18px; width: 285px; height: 400px; text-align: center; margin-left: 20px; padding:0px; background: #fff; overflow: hidden}
    .case_list{margin-top:60px;}
    .case_list li:first-child{ margin-left: 0px;}
    .case_cat{color: #222222;margin-top: 32px;}
    
    .case_detail{position:absolute; text-align: center;width: 285px; height: 400px; background: rgba(255,255,255,1); top:-400px;padding:6px 30px 40px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
    }
    
    .case_detail p{ font-size:18px;  color: #222222;margin-top: 26px; line-height: 38px;}
    .case_detail label{display: block; text-align: left; font-size: 14px; color: #666666;margin-top: 8px; line-height: 18px; font-weight: 300; }
    .case_show{top:0px;}
    
    .case_cat{color: #222222; font-size: 18px; margin-top: 32px; text-align: left}
    
    .mes_con{ padding: 16px 20px;text-align: left}
    .mes_con label{font-size: 14px; color: #666666; margin-top: 8px;}
    
    .my_speed_con{ position: relative; width: 100%;height: 789px;
        background:#f7f8fc url(https://daping-1255763133.cos.ap-beijing.myqcloud.com/speed.jpg) no-repeat center center; }
    
    .my_speed{width: 1200px;
        height: 789px;
        padding: 100px 50px 160px;
        margin: 0 auto;overflow: hidden;}
    .speer_btn{position: absolute;width: 1177px;height: 567px; background:url(/asset/cloud/images/pricing/icon/speed_img.png) no-repeat center center;top:500px; }
    
    .ab_us{width: 1200px;
        height: auto;
        padding: 80.2px 50px 160px;
        margin: 0 auto;overflow: hidden;}
    .comp_img{
        height: auto;padding-top: 20px;
    }
    .comp_img label{
        float: left; width: 600px;padding-left: 30px;
    font-size: 16px;
    color: #666666;text-indent:35px;
    line-height: 22px;
    font-weight: 300; margin-top: 10px; line-height: 28px;  }
    
    .ac_day{
        width: 100%;
        background: #28c69f url('https://daping-1255763133.cos.ap-beijing.myqcloud.com/bottom_post.png') no-repeat center center;
            height: 890.5px;
    }
    .ac_day_con{
        width: 1200px;
        height: 500px;
        padding: 100px 10px 0px;
        margin: 0 auto;overflow: hidden;
    }
    
    
    .last_list{margin-top:80px;overflow: hidden}
    .last_list li{float: left; font-size: 18px; width: 232px;  text-align: center;padding:40px 40px;}
    .last_list p{font-size: 40px; color: #fff; font-weight: 300; }
    .last_list lable{font-family: "Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif";font-size: 16px; color: #fff;-webkit-font-smoothing: antialiased; line-height: 30px; }.q_logo_txt{width: 0px;overflow: hidden;}
    
</style> 
    <script type="text/javascript">
    
    $(document).ready(function() {
        

        $(".solve_list li").hover(
            function(){
                $(this).find('.sol_detail').addClass("sol_show");
            },function(){
                $(this).find('.sol_detail').removeClass("sol_show");
            }
        )
        
        $(".case_list li").hover(
            function(){
                $(this).find('.case_detail').addClass("case_show");
            },function(){
                $(this).find('.case_detail').removeClass("case_show");
            }
        )

    })
</script> 
    <div class="banner-content"> 
     <div class="swiper-container swiper-container-horizontal swiper-container-fade"> 
      <div class="swiper-wrapper" style="transition-duration: 0ms;">
       <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="width: 1583px; transform: translate3d(0px, 0px, 0px); opacity: 1; transition-duration: 0ms;"> 
        <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bannar1.jpg" alt="banner2" /> 
        <div class="banner__btn banner__btn2"> 
         <a href="javascript:;" class="banner__btn2_active" style="color: #fff;">点击查看</a> 
        </div> 
       </div> 
       <!--   <div  class="swiper-slide">
                    <a href="/cloud/Home/business">
                        <img src="/asset/cloud/images/business/banner2.jpg" alt="微麦招商图" />
                    </a>
                </div>
                <div  class="swiper-slide">
                <img src="/asset/cloud/images/pricing/ad_img1.jpg" alt="ad_1">
                                     <a class="ad-btn" href="/cloud/Login">立即登录</a>
                                </div> --> 
        <!-- bannar_1 -->
       <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 1583px; transform: translate3d(-1583px, 0px, 0px); opacity: 1; transition-duration: 0ms;"> 
        <!-- <div style="overflow: hidden;"> -->
            <img style="height: 40%;" src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bannar1.jpg" alt="banner1" /> 
        <!-- </div> -->
        <!-- <div class="slogin_message">
         <a href=""> <h1>一键生成，瞬间拥有</h1> <p class="font-lighter">无需代码，不用编程，仅几步，极速拥有你的小程序</p> </a>
         <a class="go_btn" target="_blank" href="">立即使用</a> 
        </div> --> 
       </div> 
       <!-- bannar_1 end -->
       <!-- bannar_2 -->
       <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 1583px; transform: translate3d(-3166px, 0px, 0px); opacity: 1; transition-duration: 0ms;"> 
        <!-- div style="overflow: hidden;"> -->
            <img style="height: 40%;" src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bannar2.jpg" alt="banner2" /> 
        <!-- </div> -->
        <!-- <div class="banner__btn banner__btn2"> 
         <a href="javascript:;" class="banner__btn2_active" style="color: #fff;">点击查看</a> 
        </div>  -->
       </div> 
       <!-- bannar_2 end -->
       <!-- bannar_1 -->
       <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 1583px; transform: translate3d(-1583px, 0px, 0px); opacity: 1; transition-duration: 0ms;"> 
        <!-- <div style="overflow: hidden;"> -->
            <img style="height: 40%;" src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bannar3.jpg" alt="banner1" /> 
        <!-- </div> -->
        <!-- <div class="slogin_message">
         <a href=""> <h1>一键生成，瞬间拥有</h1> <p class="font-lighter">无需代码，不用编程，仅几步，极速拥有你的小程序</p> </a>
         <a class="go_btn" target="_blank" href="">立即使用</a> 
        </div> --> 
       </div> 
       <!-- bannar_1 end -->
       <!-- <div class="swiper-slide">
                         <img src="/asset/cloud/images/pricing/test2.jpeg" alt="banner1">
                </div> --> 
       <!-- <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_01.jpg" alt="banner1">
                    <div class="banner__btn banner__btn1">
                        <a href="/cloud/Home/template" class="banner__btn1_active">挑选使用</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_02.jpg" alt="banner2">
                    <div class="banner__btn banner__btn2">
                        <a href="/cloud/Home/business" class="banner__btn2_active">点击查看</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_03.jpg" alt="banner3">
                    <div class="banner__btn banner__btn3">
                       <a href="/cloud/Home/template" class="banner__btn3_active">挑选使用</a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/asset/cloud/images/pricing/banner_04.jpg" alt="banner4">
                    <div class="banner__btn banner__btn4">
                         <a href="/cloud/Home/business" class="banner__btn4_active">点击查看</a>
                    </div>
                </div> --> 
       <div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="width: 1583px; transform: translate3d(-4749px, 0px, 0px); opacity: 0; transition-duration: 0ms;"> 
        <a href=""> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/bannar1.jpg" alt="banner1" /> </a>
        <div class="slogin_message">
         <a href=""> <h1>一键生成，瞬间拥有</h1> <p class="font-lighter">无需代码，不用编程，仅几步，极速拥有你的小程序</p> </a>
         <a class="go_btn" target="_blank" href="">立即使用</a> 
        </div> 
       </div>
      </div> 
      <!-- 如果需要分页器 --> 
      <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
       <span class="swiper-pagination-bullet"></span>
       <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
      </div> 
      <!-- 如果需要导航按钮 --> 
      <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> --> 
      <!-- 如果需要滚动条 --> 
      <!--<div class="swiper-scrollbar"></div>--> 
     </div> 
    </div> 


    <div style="width:100%; background: #FFF;"> 
    <!-- 我们的优势开始 -->



     <div class="my_adv"> 
      <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;"> 
       <p class="top_title">我们的优势</p> 
       <p class="bottom_line"></p> 
      </div> 
      <ul class="adv_list"> 
       <li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInLeft;"> <img src="./files/adv_01.png" /> <p>强技术，好质量</p> </li> 
       <li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInLeft;"> <img src="./files/adv_02.png" /> <p>轻松生成小程序</p> </li> 
       <li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInLeft;"> <img src="./files/adv_03.png" /> <p>专业团队专人服务</p> </li> 
       <li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInRight;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/adv_04.png" /> <p>丰富多样的模板</p> </li> 
       <li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInRight;"> <img src="./files/adv_05.png" /> <p>强大营销功能组件</p> </li> 
      </ul> 
     </div> 
     <!-- 我们的优势结束 -->
     <!-- 已编辑内容开始 -->
     <div class="my_editer">
        <h3>更加垂直的行业解决方案，满足广泛的业务需求</h3>
        <p>电商、零售、餐饮、外卖、本地生活、休闲娱乐，东为都有完整解决方案</p>
     <!-- <div class="main_tit1"> 
        <img src="images/daping.jpg"/>
     </div> -->
        <p>
            <span class="kai yingxiao">
                营销页面策划，小程序案例技术维护，一键电话，地图导航，附近小程序设定，推广词设定，在线客服，在线预约，购物车，在线支付，限时抢购，优惠券，商城系统，智能推送，分销系统。
            </span>
            <br />
            <br />
            <span class="kai orange">
                <strong>
                    <span>从账号注册到提交审核上线，全程无忧！</span>
                </strong>
            </span> 
        </p> 
        <p> <br /> </p> 
        <p>
            <strong class="kai">
                <span>只需7-15工作日即可上线！</span>
            </strong>
        </p> 
        <p> <br /> </p> 
        <h1>
            <span>支持上门服务！</span>
        </h1> 
        <p> <br /> </p> 
        <p>
            <span class="kai" alt="" width="110" height="512" />
                <strong>
                    项目经理（丁先生）：13920686130
                </strong>
            </span>
        </p> 
        <p>
            <span class="kai">
                <strong>
                    项目经理（刘先生）：18722564170
                </strong>
            </span>
        </p>
    </div>
     <!-- 已编辑内容结束 -->
     <!-- 解决方案开始 -->
     <div style="background: #f7f8fc"> 
      <div class="my_solve"> 
       <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;"> 
        <p class="top_title">解决方案</p> 
        <p class="bottom_line"></p> 
       </div> 
       <ul class="solve_list"> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/餐饮.jpg" /> <p class="so_cat">餐饮</p> 
         <div class="sol_detail"> 
          <p>餐饮</p> 
          <label>专为餐饮行业打造，简单高效的门店经营和在线营销工具。</label> 
          <label>适用于：餐厅食堂、超市等可配送行业。</label> 
          <!--a class="go_now" href="">立即查看</a--> 
         </div> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/机械行业.jpg" /> <p class="so_cat">机械行业</p> 
         <div class="sol_detail"> 
          <p>机械行业</p> 
          <label>专为机械行业打造，每天都可以修改位置，十个关键词，营销页面策划。</label> 
          <label>适用于：五金、大型设备、医疗器械、科研器械等全机械行业。</label> 
          <!--a class="go_now" href="">立即查看</a--> 
         </div> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInUp;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/建材.jpg" /> <p class="so_cat">建材</p> 
         <div class="sol_detail"> 
          <p>建材</p> 
          <label>位置推广，营销页面策划，性能稳定，可用于吸流做推广，流量源源不断来。</label> 
          <label>适用于：五金建材行业、锁具等厂家零售行业。</label> 
          <!--a class="go_now" href="">立即查看</a--> 
         </div> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/商城版.jpg" /> <p class="so_cat">商城版</p> 
         <div class="sol_detail"> 
          <p>商城版</p> 
          <label>专业的移动电商解决方案，分销、拼团等多种营销方案。</label> 
          <label>适用于：3C数码、家具家纺、图书音像、珠宝首饰等。</label> 
          <!--a class="go_now" href="">立即查看</a--> 
         </div> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/定制版本.jpg" /> <p class="so_cat">定制版本</p> 
         <div class="sol_detail"> 
          <p>定制版本</p> 
          <label>专业的技术团队为你倾力打造，满足不同场景的不同类型的业务需要。</label> 
          <label>适用于：有特殊需求场景，专属业务。</label> 
          <!--a class="go_now" href="">立即查看</a--> 
         </div> </li> 
       </ul> 
      </div> 
     </div> 
     <!-- 解决方案结束 -->
     <div class="my_mark"> 
      <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;"> 
       <p class="top_title">营销工具</p> 
       <p class="bottom_line"></p> 
      </div> 
      <div class="mark_list"> 
       <div class="wow bounceIn animated" style="visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_01.png" /> 
        <p class="so_cat">餐饮</p> 
        <label>消费一定金额</label> 
        <label>享受价格优惠</label> 
       </div> 
       <div class="wow bounceIn animated" style="margin-left: 380px; visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_02.png" /> 
        <p class="so_cat">分销</p> 
        <label>提供货源，招揽分销商</label> 
        <label>帮自己卖货</label> 
       </div> 
       <div class="wow bounceIn animated" style="margin-left: 746px; visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_03.png" /> 
        <p class="so_cat">一键电话</p> 
        <label>快速拨打电话，</label> 
        <label>增加用户体验</label> 
       </div> 
       <div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 0px; visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_04.png" /> 
        <p class="so_cat">消费</p> 
        <label>用超低价吸引客户，</label> 
        <label>带动整体销量</label> 
       </div> 
       <div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 380px; visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_05.png" /> 
        <p class="so_cat">砍价</p> 
        <label>邀请好友砍价得优惠,</label> 
        <label>同时带动销量</label> 
       </div> 
       <div class="wow bounceIn animated" style="margin-top: 320px; margin-left: 746px; visibility: visible; animation-name: bounceIn;"> 
        <img src="./files/sol_06.png" /> 
        <p class="so_cat">优惠券</p> 
        <label>在线领取优惠券</label> 
        <label>吸引二次消费</label> 
       </div> 
      </div> 
     </div> 
     <div style="background: #f7f8fc"> 
      <div class="my_case"> 
       <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;"> 
        <p class="top_title">精彩案例</p> 
        <p class="bottom_line"></p> 
       </div> 
       <ul class="case_list"> 
        <li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInLeft;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/case_门店.jpg" /> 
         <div class="mes_con"> 
          <p class="case_cat">经典门店版</p> 
          <label></label> 
          <div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;">
           <img src="" />
          </div> 
         </div> 
         <div class="case_detail"> 
          <div style="margin-top: 80px;">
           <img src="" style="width: 150px;" />
          </div> 
          <p>经典门店版</p> 
          <label style="text-align: center;margin-top: -4px"></label> 
         </div> </li> 
        <li class="wow bounceInLeft animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInLeft;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/case_展示.jpg" /> 
         <div class="mes_con"> 
          <p class="case_cat">官网展示版</p> 
          <label></label> 
          <div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E5%B1%95%E7%A4%BA%201%20.jpg" />
          </div> 
         </div> 
         <div class="case_detail"> 
          <div style="margin-top: 80px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E5%B1%95%E7%A4%BA%201%20.jpg" style="width: 150px;" />
          </div> 
          <p>官网展示版</p> 
          <label style="text-align: center;margin-top: -4px"></label> 
         </div> </li> 
        <li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInRight;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/case_支付.jpg" /> 
         <div class="mes_con"> 
          <p class="case_cat">精美支付版</p> 
          <label></label> 
          <div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E6%94%AF%E4%BB%98%201%20.jpg" />
          </div> 
         </div> 
         <div class="case_detail"> 
          <div style="margin-top: 80px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E6%94%AF%E4%BB%98%201%20.jpg" style="width: 150px;" />
          </div> 
          <p>精美支付版</p> 
          <label style="text-align: center;margin-top: -4px"></label> 
         </div> </li> 
        <li class="wow bounceInRight animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInRight;"> <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/case_商城.jpg" /> 
         <div class="mes_con"> 
          <p class="case_cat">高级商城版</p> 
          <label><!--span>经营类目：美容、美体<span--></label> 
          <div style="position: absolute; width: 58px; height: 58px;right: 20px; bottom:30px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E5%95%86%E5%9F%8E%201%20%20.jpg" />
          </div> 
         </div> 
         <div class="case_detail"> 
          <div style="margin-top: 80px;">
           <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/%E5%95%86%E5%9F%8E%201%20%20.jpg" style="width: 150px;" />
          </div> 
          <p>高级商城版</p> 
          <label style="text-align: center;margin-top: -4px"><!--span>经营类目：美容、美体、健身、养生</span--></label> 
         </div> </li> 
       </ul> 
      </div> 
     </div> 
     <!-- 快速上线小程序 -->
     <div class="my_speed_con">
            <div class="my_speed">
                <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;">
                    <p class="top_title" style="color: #fff">快速上线小程序</p>
                    <p class="bottom_line"></p>
                </div>
                <div class="wow bounceInUp animated" style="margin-top: 100px; visibility: visible; animation-name: bounceInUp;">
                    <img src="./files/speed_icon.png">
                </div>
                
               <!--  <div class="wow bounceInUp speer_btn animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;">
                    <a class="go_now" style="position: absolute;margin: 0 0px 0px -70px;padding:14px 24px;bottom: 100px;left: 50%;" href="">立即挑选</a>
                </div> -->
                
            </div>
        </div> 
     <div class="ab_us"> 
      <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;"> 
       <p class="top_title">关于我们</p> 
       <p class="bottom_line"></p> 
      </div> 
      <div style="margin-top: 65px;"> 
       <div class="wow bounceInLeft animated" style="width: 496px; float: left; visibility: visible; animation-name: bounceInLeft;">
        <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/about_us.jpg" />
       </div> 
       <div class="wow bounceInRight comp_img animated" style="visibility: visible; animation-name: bounceInRight;"> 
        <label> 
            天津大萍科技有限公司成立于2017年，是一家提供互联网技术支持的企业。本着让每一个企业都有自己的品牌的服务理念。我们有前沿的技术研发团队，优质的服务，为国内众多企业提供优质的互联网技术服务。目前公司已开发出多套精美的展示版、支付版、商城版、酒店版、高端展示版小程序，极大降低了用户开发成本。
        </label>
        <br /> 
        <label>
            大萍科技以高新技术和互联网理念，为企业打造营销、销售、运营一站式解决方案，并能在原有解决方案基础上进行二次开发，灵活定制，从而打造更贴合商业实践的线上—移动—线下三位一体的企业新零售平台，使企业与用户能够通过各种载体及终端进行交易和消费。企业用户无需搭建技术团队，真正让企业用户省钱、省心、省力。
        </label> 
       </div> 
      </div> 
     </div> 
     <div class="culture ac_day"> 
      <div class="ac_day_con"> 
       <!-- <div class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInDown;"> 
        <p class="top_title" style="color: #fff"></p> 
       </div> --> 
       <!-- <ul class="last_list"> 
        <li class="wow bounceInDown animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInDown;"> <p>100家</p> 
         <lable>
          代理合作伙伴
         </lable> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;"> <p>100个</p> 
         <lable>
          覆盖行业和类目
         </lable> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".1s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s; animation-name: bounceInUp;"> <p>900万</p> 
         <lable>
          页面访问量
         </lable> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: bounceInUp;"> <p>1亿</p> 
         <lable>
          产品月交易额
         </lable> </li> 
        <li class="wow bounceInUp animated" data-wow-duration=".8s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: bounceInUp;"> <p>2万</p> 
         <lable>
          商家信赖之选
         </lable> </li> 
       </ul> --> 
       <!-- <div class="wow bounceInUp animated" style="text-align: center; margin-top: 40px; visibility: visible; animation-name: bounceInUp;"> 
        <a class="go_btn" target="_blank" href="">立即注册</a> 
       </div> --> 
      </div> 
     </div> 
    </div> 
    <script type="application/javascript">
$(function(){
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();
    })
</script> 
    <script type="text/javascript">
    $('.flowPathImg__item').each(function(index, item) {
        
        $(item).mouseover(function() {
            console.log(index);
            $('.flowPathImg__item__default').eq(index).siblings('.flowPathImg__item__default').hide();
            $('.flowPathImg__item__default').eq(index).show();
            $('.flowPathImg__item').eq(index).siblings().children().children('.flowPathImg__item__num').removeClass('flowPathImg__item_hover');
            $('.flowPathImg__item').eq(index).siblings().children().children('.flowPathImg__item__text').css('color', '#ccc');
            $('.flowPathCon').eq(index).siblings('.flowPathCon').hide();
            $('.flowPathImg__item__num').eq(index).addClass('flowPathImg__item_hover');
            $('.flowPathImg__item__text').eq(index).css('color', '#6daaf8');
            $('.flowPathCon').eq(index).show();

        })
    });
    $('.section1 li').each(function(index,item){
        $(item).mouseover(function(){
            $('.section1__upper').eq(index).hide();
            $('.section1__bottom').eq(index).show();
        })
         $(item).mouseout(function(){
            $('.section1__upper').eq(index).show();
            $('.section1__bottom').eq(index).hide();
        })
    })
    $('.section2__tabBar li').each(function(index,item){
        $(item).mouseover(function(){
            console.log($('section2__tab__item').eq(index));
            $(item).siblings().children().removeClass('section2__tabBar_active');
            $(item).children().addClass('section2__tabBar_active');
            $('.section2__tab').eq(index).siblings('.section2__tab').hide();
            $('.section2__tab').eq(index).show();
        })
    })
</script> 
    <script src="./files/wow.min.js"></script> 
    <style type="text/css">
    .qw_list{position: relative;height: auto; width: 510px; overflow: auto}
    .qw_list li{
        float: left;
        line-height: 24px;
        font-size: 15px;
        margin-right: 14px;
        font-weight: 300;
        
    }
</style> 
    <div class="footerWrap"> 
     <div class="QR-code-wrap" style="background: #242a40; color: #e8ebf6;"> 
      <div class="QR-code-img" style="width: 1200px;margin: 0 auto;padding-left: 80px;"> 
       <img src="https://daping-1255763133.cos.ap-beijing.myqcloud.com/QR-code.png" alt="footer" /> 
       <div style=""> 
        <p style="font-size: 20px;color: #e8ebf6;line-height: 40px;font-weight: 700;">联系我们</p> 
        <p style="color: #e8ebf6;" class="col-white">
            咨询电话-1：
            <span style=" font-size: 30px; font-weight: 700;">18222968176</span>
        </p> 
        <p style="color: #e8ebf6;" class="col-white">
            咨询电话-2：
            <span style=" font-size: 30px; font-weight: 700;">18722564170</span>
        </p> 
        <p style="color: #e8ebf6;"><span class="col-white" style="color: #e8ebf6;">微信：18222968176</span>&nbsp;(或微信扫描左侧二维码)</p> 
       </div> 
       <div style="margin-left: 30px; border-left: 1px solid #666;"> 
        <p style="font-size: 20px;color: #e8ebf6;line-height: 40px;font-weight: 700;">技术支持</p> 
        <ul class="qw_list"> 
         <li style="color: #e8ebf6;" class="col-white"><span style="font-weight: 700">天津大萍科技有限公司</span></li> 
        </ul> 

        <p style="color: #e8ebf6;">地址：天津市南开区长江道C92创意集聚区</p> 
       </div> 
      </div> 
     </div> 
     <div class="copyright" style="background: #1e2336;"> 
      <span style="color: #767777;font-size: 14px;">&copy;2017大萍科技|官网 天津大萍科技有限公司 津ICP备18000315号-1</span> 
     </div> 
    </div> 
    <!--悬浮微信QQ start--> 
    <!-- <div class="chat-right">
    <ul>
        <li class="tit">
            在线<br>咨询</li>
        <li><a href="javaScript:;" class="blue active"><img src="" class="slide-tel">
                <div class="idh-box">
                    <i class=""></i>
                    <p>专业咨询</p>
                    <p class="large-font green"></p>
                    <p class="large-font green"></p>
                    <p class="large-font green"></p>
                </div>
            </a></li>
        <li class="weixin"><a href="javaScript:;" class="green">
                <img src="" class="slide-weixin">
                <img class="slide-QR-Code" src=""></a></li>
        <li>
            <a href="javaScript:;" class="blue"><img src="" class="slide-qq">
                <div class="qq-box">
                    <p class="large-font green">
                        <img src="" alt="">
                        <span>客服一</span>
                    </p>
                    <p class="large-font green">
                        <img src="" alt="">
                        <span>客服二</span>
                    </p>
                </div>
            </a>
        </li>
    </ul>
</div> --> 
    <!--悬浮微信QQ end--> 
    <!-- 在线咨询边栏开始 -->
    <!-- <div id="fixed-sideBox" class="fixed-sideBox"> 
     <div class="sideBox-content"> 
      <div class="consult-type"> 
       <div id="closeBox-btn" class="closeBox-btn"> 
        <span></span> 
       </div> 
       <div> 
        <p class="tel_title">全国免费电话</p> 
        <p class="tel_num"></p> 
       </div> 
       <div class="wechat_con"> 
        <img class="slide-QR-Code" src="" /> 
       </div> 
       <div class="QQ_con"> 
        <a href="javaScript:;" class="blue" style="cursor:pointer"> 
         <div class="qq-box"> 
          <p class="large-font green"> <img src="" alt="" /> <span>客服一</span> </p> 
          <p class="large-font green"> <img src="" alt="" /> <span>客服二</span> </p> 
         </div> </a> 
       </div> 
      </div> 
     </div> 
    </div> --> 
    <!-- 在线咨询专栏结束 -->

    <!-- <div id="qcy_fixed_btn" class="qcy_fixed_btn">
     <p>在线咨询</p>
    </div>  -->
   </div> 
   <script type="text/javascript">
    $(document).ready(function() {
        $("#userName").click(function() {
            $(this).find("span").toggle();
        })

            var  $qcy = $("#qcy_fixed_btn"),
                 $sideBox = $("#fixed-sideBox"),
                 $closeBox = $("#closeBox-btn"),
                 $banner_active = $(".banner__btn2_active");
                
            $qcy.click(function() {
                $sideBox.addClass("sideBox-show"),
                $qcy.addClass("btn-show")
            });
        
            $banner_active.click(function() {
                $sideBox.addClass("sideBox-show"),
                $qcy.addClass("btn-show")
            });
        
            $closeBox.click(function() {
                $sideBox.removeClass("sideBox-show"),
                $qcy.removeClass("btn-show")
            });
    })
    $(document).ready(function() {
        $(".chat-right a").hover(function() {
            $(this).addClass("active").closest("li").siblings().find("a").removeClass("active");
        }, function() {
            $(this).removeClass("active");
        });
    })

    $(function(){
        $('.slide-tel').parent().mouseover(function(){
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/selected-tel.png'});
        }).mouseout(function(){
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        })
        $('.slide-weixin').parent().mouseover(function(){
            $('.slide-weixin').attr({'src':'/asset/cloud/images/index/selected-weixin.png'});
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        }).mouseout(function(){
            $('.slide-weixin').attr({'src':'/asset/cloud/images/index/slide-weixin.jpg'});
        })
        $('.slide-qq').parent().mouseover(function(){
            $('.slide-qq').attr({'src':'/asset/cloud/images/index/selected-qq.png'});
            $('.slide-tel').attr({'src':'/asset/cloud/images/index/slide-tel.jpg'});
        }).mouseout(function(){
            $('.slide-qq').attr({'src':'/asset/cloud/images/index/slide-qq.png'});
        })
    })

    // Caroursel.init($('.caroursel'))
    $(function() {
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: 3000,
            autoplayDisableOnInteraction: false,
            speed: 1000,
            mode: 'horizontal',
            //            mousewheelControl: true,
            paginationClickable: true,
            updateOnImagesReady : true,
                      effect : 'fade',
                      crossFade:false,
            //            centeredSlides: true,
            pagination: '.swiper-pagination',
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            onSlideChangeStart: function(swiper){
                 var colorArr = ['#353944','#231e25','#242b23','#e64a19','#184e7c'];
                if (swiper.activeIndex == 1 || swiper.activeIndex == 6) {
                     $('.q_head_in').css('background',colorArr[0]);

                }else{
                     $('.q_head_in').css('background',colorArr[swiper.activeIndex - 1]);
                }
                $('.q_head_in').fadeIn(800,'linear');
    }
        })      
    })
    $(function(){
        $('.qq-box p').eq(0).click(function(){
            var w = window.open();
            setTimeout(function(){
                w.location = 'http://wpa.qq.com/msgrd?v=3&uin=254278895&site=qq&menu=yes'
            },1000)
            return false;
        })
        $('.qq-box p').eq(1).click(function(){
            var w = window.open();
            setTimeout(function(){
                w.location = 'http://wpa.qq.com/msgrd?v=3&uin=444859763&site=qq&menu=yes'
            },1000)
            return false;
        })
    })
</script> 
   <script type="text/javascript">
        $(function(){
            $(".xq_bag").xq_navbar({"type":"underline","liwidth":"auto","bgcolor":"","hcolor":"#fff"});
        });
 </script> 
   <script>
    // var _hmt = _hmt || [];
    // (function() {
    //     var hm = document.createElement("script");
    //     hm.src = "https://hm.baidu.com/hm.js?fa136af346418286d1ca0c450a9423de";
    //     var s = document.getElementsByTagName("script")[0];
    //     s.parentNode.insertBefore(hm, s);
    // })();
</script> 
  </div>
 </body>
</html>